<template>
  <el-carousel :interval="3000" arrow="always" >
    <el-carousel-item >
      <img src="@/assets/images/banner1.jpg" alt="">
    </el-carousel-item>
    <el-carousel-item >
      <img src="@/assets/images/banner2.jpg" alt="">
    </el-carousel-item>
    <el-carousel-item >
      <img src="@/assets/images/banner3.jpg" alt="">
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  data() {
    return {
      
    }
  }
}
</script>

<style lang="less" scoped>
img {
  width: 100%;
  height: 100%;
}

</style>